<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>文章添加</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
  <link rel="stylesheet" href="${s.base}/css/base/base.css" media="all" />
  <style type="text/css">
    .layui-form-select dl{z-index: 99999;}
  </style>
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">
  <input type="hidden" id="id" name="id" value="${article.id}" />

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">标题</label>
    <div class="layui-input-block">
      <input type="text"  class="layui-input name" id="name" name="name" value="${article.name}"
             placeholder="请输入标题"  lay-verify="required" autocomplete="off">
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">类型</label>
    <div class="layui-input-block">
      <select class="form-control" lay-verify="required" id="type">
          <option value="1" <#if "1"==type  >selected</#if> >注意事项</option>
        <option value="2" <#if "2"==type  >selected</#if> >会员活动</option>
        <option value="3" <#if "3"==type  >selected</#if> >关于我们</option>
      </select>
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">状态</label>
    <div class="layui-input-block">
      <select class="form-control" lay-verify="required" id="status">
        <option value="1" <#if "1"==article.status  >selected</#if> >有效</option>
        <option value="2" <#if "2"==article.status  >selected</#if> >禁用</option>

      </select>
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">描述</label>
    <div class="layui-input-block">
      <div id="contentEditor">
        ${article.description}
      </div>
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">排序</label>
    <div class="layui-input-block">
      <input type="number" class="layui-input name" id="orderNum" name="orderNum" value="${article.orderNum}" placeholder="请输入排序" maxlength="30" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <div class="layui-input-block">
      <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="btnSubmit">确定</button>
      <button type="reset" class="layui-btn layui-btn-sm layui-btn-primary closeLay">取消</button>
    </div>
  </div>
</form>
<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script type="text/javascript" src="${s.base}/js/wangEditor/wangEditor.js"></script>
<script type="text/javascript" src="${s.base}/js/base/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="${s.base}/js/base/ajaxfileupload.js"></script>
<script type="text/javascript">
    var E = window.wangEditor;
    var contentEditor = new E('#contentEditor');
    contentEditor.customConfig.uploadFileName = 'myfiles';
    contentEditor.customConfig.uploadImgServer = '/file/fileUploadEditor';
    contentEditor.create();

    layui.use(['laydate','form','layer'],function(){
        var form = layui.form
        layer = parent.layer === undefined ? layui.layer : top.layer,
            $ = layui.jquery;

        form.on("submit(btnSubmit)",function(data){
            //弹出loading
            var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
            var field = data.field;
            var content = contentEditor.txt.html();
            // 实际使用时的提交信息
            $.post("/article/updateOrAddEntity",{
                id : $("#id").val(),
                name : $("#name").val(),
                type : $("#type").val(),
                status : $("#status").val(),
                description : content,
                orderNum : $("#orderNum").val()
            },function(result){
                if(1==result.returnInfo.state){
                    top.layer.close(index);
                    top.layer.msg("操作成功！");
                    layer.closeAll("iframe");
                    //刷新父页面
                    parent.location.reload();
                }else{
                    top.layer.msg(result.returnInfo.errorMsg);
                }
            },"json")
            return false;
        });
    })
</script>
</body>
</html>